<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" th:href="@{/static/img/icon_logo.png}" sizes="32x32" type="image/png">
<link rel="stylesheet" type="text/css" media="all" th:href="@{/static/css/common.css}"/>
<script type="text/javascript" charset="utf-8" th:src="@{/static/js/plugins/jquery.min.js}"></script>
<script type="text/javascript" charset="utf-8" th:src="@{/static/js/plugins/echarts.min.js}"></script>
<script type="text/javascript" charset="utf-8" th:src="@{/static/js/plugins/echarts-wordcloud.min.js}"></script>
<script type="text/javascript" charset="utf-8" th:src="@{/static/js/common-wordcloud.js}"></script>

<title>词云效果展示页面</title>
</head>
<body>
	<input id="word-cloud-num" class="word-cloud-param" type="number" max="9" min="1" placeholder="调整数量,默认9，最大9"/><br/>
	<select id="word-cloud-shape" class="word-cloud-param">
	<!-- circle cardioid diamond triangle-forward triangle -->
		<option value="circle" selected="selected">圆形</option>
		<option value="cardioid">心形</option>
		<option value="diamond">钻石型</option>
		<option value="triangle-forward">方向键</option>
		<option value="triangle">三角形</option>
	</select><br/>
	<input type="number" value="0" id="word-cloud-gap" placeholder="字符间距,默认0" class="word-cloud-param" />字符间距,默认0<br/>
	<input type="number" value="12" min="12" id="word-cloud-min" placeholder="" class="word-cloud-param" />最小字号，默认12<br/>
	<input type="number" value="48" min="12" id="word-cloud-max" placeholder="" class="word-cloud-param" />最大字号，默认48<br/>
	<button onclick="refresh();" class="word-cloud-param">刷新</button>
	
	<div id="wordcloud"  style="width: 800px; height: 600px"></div>
</body>
</html>